<template>
  <div class="total">
    <div>
      <p>{{$t('myAdd.candyTask.alreadyGetCount')}}/USDT</p>
      <p>{{total.alreadyGetCount | showData('--')}}</p>
    </div>
    <div>
      <p>{{$t('myAdd.candyTask.notReadyGetCount')}}</p>
      <p>{{total.notReadyGetCount | showData('--')}}</p>
    </div>
    <div>
      <p>{{$t('myAdd.candyTask.todayGetCount')}}/USDT</p>
      <p>{{total.todayGetCount | showData('--')}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'total',
  props: {
    total: Object
  },
  filters: {
    showData (val, replace) {
      (val === 0) && (val = '0')
      return val || replace
    }
  }
}
</script>
